<html>
<head>
<meta charset="utf-8" >
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<meta http-equiv="Pragma" content="public" />
<meta http-equiv="Cache-Control" content="public" />
<title>鱼虾蟹房间<?php echo $room_number;?></title>

<link rel="stylesheet" type="text/css" href="<?php echo $image_url;?>files/css/xiaxie-4-9.css">
<link rel="stylesheet" type="text/css" href="<?php echo $image_url;?>files/css/alert.css">
<script type="text/javascript" src="<?php echo $image_url;?>files/js/fastclick.js"></script>


<script type="text/javascript">

    window.addEventListener('load', function() {
        FastClick.attach(document.body);
    }, false);

    var newNum = "";
    var per = window.innerWidth / 530;
    var globalData = {
        "card":"<?php echo $card;?>",
        "roomNumber":"<?php echo $room_number;?>",
        "socket":"<?php echo $socket;?>",
        "hallPath":"ym",
        "roomUrl":"<?php echo $room_url;?>",
        "baseUrl":"<?php echo $base_url;?>",
        "fileUrl": "<?php echo $file_url;?>",
        "roomStatus":"<?php echo $room_status;?>",
        "scoreboard":'<?php echo $balance_scoreboard;?>',
        "session":'<?php echo "$session"?>',
        "shareTitle":"优优娱乐鱼虾蟹",
        "gameType":"<?php echo $game_type;?>",
        "isNotyMsg":'<?php echo "$is_announcement"?>',
        "notyMsg":'<?php echo "$announcement_content"?>',
        "notyTime":'<?php echo "$announcement_sec"?>',
        "notySpeed":8000,
    };
    var userData = {
        "accountId":"<?php echo $user['account_id'];?>",
        "nickname":"<?php echo $user['nickname'];?>",
        "avatar":"<?php echo $user['headimgurl'];?>",
		"myCode":"<?php echo $user['my_code']==-1||$user['my_code']=='-1'||$user['my_code']==''?20000+$user['user_code']:$user['my_code'];?>",
    };
    var configData = {
        "appId":"<?php echo $config_ary['appId'];?>",
        "timestamp":"<?php echo $config_ary['timestamp'];?>",
        "nonceStr":"<?php echo $config_ary['nonceStr'];?>",
        "signature":"<?php echo $config_ary['signature'];?>",
    };
</script>

</head>

<body >
<style>
    .closeButton{top: 94vh; left: 36.5vw;z-index: 9999; width: 110px; text-align: center;position: absolute;}
    .clickMe{position: absolute;top: 5%;left: 2%;width: 24%;z-index:91;text-align: center;height:4.5vh;line-height: 4.5vh;}
    .clickMe img{width:100%;}
    .copyMe{position: absolute;top: 5%;right: 2%;width: 24%;z-index:91;text-align: center;height: 4.5vh;line-height: 4.5vh;border:0;background:none;background-image: url(<?php echo $image_url;?>files/images/guest/copyme.png);background-position:center;background-size: contain; background-repeat: no-repeat;}
</style>
    <div style="position: fixed;width:100%;height:100%;top:0;left:0;background: #000;z-index:115;" id="loading">
        <div class="load4">
            <div class="loader">Loading...</div>
        </div>
    </div>

    <div class="main" id="app-main" style="position: relative; width: 100%;margin: 0 auto; background: #fff; display: none;">
<!--广播-->
<div v-show="isShowNoty" style="position: absolute;background-color: rgba(0,0,0,0.6);width: 100%;height: 4vh;line-height: 4vh;color: white;font-size: 2.5vh;overflow: hidden;z-index: 9998;">
    <img style="position: absolute;top: 0vh;left: 3vw;width: 4vh;height: 4vh;" src="<?php echo $image_url;?>files/images/common/laba.png">
</div>
<div v-show="isShowNoty" id="marquee" style="position: absolute;top: 0;left: 12vw;background-color: rgba(0,0,0,0);width: 88vw;height: 4vh;line-height: 4vh;color: white;font-size: 2.5vh;overflow: hidden;z-index: 9999;">
    {{notyMsg}}
</div>
<!--end-->
    
        <div class="roomCard">
            <img  src="<?php echo $image_url;?>files/d_<?php echo $dealer_num;?>/images/home/fwm.png" />
            <div class="num">
                <div style="position: absolute;top:0;left: 0;width: 100%;height: 100%;background: #000;opacity: .6;border-radius:1.5vh;"></div>
                <div style="position: relative;padding: 0 1.5vh 0 5vh;">{{userData.myCode}}</div>
            </div>
        </div>
        <div class="clickMe"><img src="<?php echo $image_url;?>files/images/guest/clickme.png" v-on:click="location.reload()"></div>
        <button class="copyMe" data-clipboard-text="<?php echo $room_url;?>"></button>

        <img class="tabBottom" src="<?php echo $image_url;?>files/images/xiaxie/bottom.png" alt="">
  
        <div style="width: 20%;right:3%;position: absolute;top: 1.5%;z-index: 91;text-align: center;background-color: black; border-radius: 1.8vh;opacity: 0.5;height: 3.2vh"></div>
        <div  style="width: 20%;right:3%;position: absolute;top: 1.5%;z-index: 91;color: #fff;height: 3.2vh;line-height: 3.2vh;border-radius: 1.8vh;font-size: 2vh;text-align: center;">
            <div v-on:click="sendTest">{{game.round}}&nbsp/&nbsp{{game.total_num}}&nbsp局</div>
        </div>
        <div class="myCardTypeBG"></div>
        <div class="myCardType">
            上限：<a>{{ruleInfo.upper_limit-myBet}}</a>
        </div>
        

        <img class="return" src="<?php echo $image_url;?>files/images/common/icon_home3.png" v-on:click="showAlert(3,'确认返回主页？')" />
        <img class="return" src="<?php echo $image_url;?>files/images/common/icon_history.png" v-on:click="showNoteImg()" style="right: 28.5vh"/>
        <img class="bGameRule" style="right: 22vh" src="<?php echo $image_url;?>files/images/common/icon_rule3.png" v-on:click="showGameRule" />


        <div class="disconnect" v-show="!connectOrNot" style="position: fixed;top:45%;left: 0;width: 100%;text-align: center;z-index: 101"><div style="width: 250px;height:27px;position: absolute;top:-2;left: 50%;margin-left: -125px;background: #000;opacity: .5;border-radius:15px;"></div><a style="font-size: 16px;color: #fff;padding: 5px 14px;position:relative;">已断开连接，正在重新连接...</a></div>



        <div class="bottomMessage" v-on:click="showMessage">
            <img src="<?php echo $image_url;?>files/images/common/icon_message3.png" style="position: absolute; width: 100%; height: 100%">
        </div>
        <div class="bottomHistory" v-on:click="showAudioSetting" style="right: 15.5vh;">
            <img src="<?php echo $image_url;?>files/images/common/icon_sound3.png" style="position: absolute; width: 100%; height: 100%">
        </div>
        
        <!-- 积分榜，消息按钮 -->
        <map name="planetmap" id="planetmap">
            <area shape="rect" v-bind:coords="'0,0,' + width/3.2 + ',' + width/8"  class="showRanking" />
            <area shape="rect" v-bind:coords="width/3*2 + ',0,' + width + ',' + width/8" v-on:click="showMessage" />
        </map>
        <!--防伪码-->
        <div v-show="isShowAlert&&alertType==4" style="z-index:110;position:fixed;width:15vh;height:12vh;top:7vh;left:50%;margin-left:-7.5vh;background:url(<?php echo $image_url;?>files/images/custom/comm/fwmbg.png) no-repeat 0 0 / 100% 100%">
		    <div style="width:15vh;height:5vh;line-height:5vh;padding-top:0.5vh;text-align:center;font-size:2.8vh;font-weight:bold;color:#fff">{{userData.myCode}}</div>
		    <div style="width:15vh;height:4vh;line-height:4vh;text-align:center;color:#ddd;font-size:2.5vh;font-weight:bold;background:;">防伪码</div>
		</div>
        <!-- 提示框 -->
        <div class="alert" id="valert" v-show="isShowAlert">
            <div class="alertBack"></div>
            <div class="mainPart">
                <div class="backImg">
                    <div class="blackImg"></div>
                </div>
<!--                 <div class="id" v-show="alertType==4">
                    <img src="../files/images/ID.png">
                    <div class="text">
                        你的ID:{{user_id}}
                    </div>          
                </div>   -->
                <div class="alertText">
 <!--                    <div class="rull" v-if="historyInfo.is_show==1&&alertType==4" style="margin-bottom: 1vh;margin-left: -1.5vh;width:36.4vh;background: url('../files/images/common/alert3.png'); background-repeat:no-repeat; background-size:100% 100%;color: #000;">
                        <div>历史最高分：{{historyInfo.score}} ({{historyInfo.time}})</div>
                        <div>游戏总局数：{{historyInfo.total_count}}</div>
                    </div> -->
                    <div class="rull" v-show="alertType==4"  style="font-size: 2.2vh">
                        筹码：<a v-if="ruleInfo.chip_type==1">5,10,20,50</a>
                        <a v-if="ruleInfo.chip_type==2">10,20,50,100</a><br>
                        上限：<a>{{ruleInfo.upper_limit}}</a><br>
                        规则：<a v-if="ruleInfo.rule_value1!=1">三个相同3倍，两个相同2倍</a>
                        <a v-if="ruleInfo.rule_value1==1">三个相同5倍，两个相同3倍</a><br>
                        局数：<a v-if="ruleInfo.ticket_type==1">12局X3房卡 </a>
                        <a v-if="ruleInfo.ticket_type==2">24局X6房卡</a>
                    </div>
                    <div>{{alertText}}</div>
                </div>
                
                <div v-show="alertType==1" v-if="isShop">
                    <div class="buttonMiddle" v-on:click="closeAlert">购买房卡</div>
                </div>
                <div v-show="alertType==1" v-if="!isShop">
                    <div class="buttonMiddle" v-on:click="hall">返回首页</div>
                </div>          
                <div v-show="alertType==2">
                    <div class="buttonMiddle" v-on:click="hall">返回首页</div>
                </div>          
                <div v-show="alertType==3">
                    <div class="buttonLeft" v-on:click="hall">返回首页</div>
                    <div class="buttonRight" v-on:click="closeAlert">取消</div>
                </div>          
                <div v-show="alertType==4">
                    <div class="buttonLeft" v-on:click="hall">创建房间</div>
                    <div class="buttonRight" v-on:click="sitDown">加入游戏</div>
                    <div class="buttonMiddle" style="bottom: -50px" v-if="(game.status==0||game.status==1)&& game.round!=game.total_num && game.creator_id == userData.accountId"  v-on:click="imCloseRoom">
                        <img style="width: 100%;height: 100%;" src="<?php echo $image_url;?>files/d_<?php echo $dealer_num;?>/images/game/closeButton.png"  />
                    </div>
                </div>
                <div v-show="alertType==5">
                    <div class="buttonMiddle" v-on:click="getCards">领取</div>
                </div>
                <div v-show="alertType==7">
                    <div class="buttonMiddle" v-on:click="hall">返回首页</div>
                </div>  
                <div v-show="alertType==8">
                </div>
                <div v-show="alertType==9">
                    <div class="buttonMiddle" v-on:click="showBreakRoom">确定</div>
                </div>
                <div v-show="alertType==10">
                    <div class="buttonLeft" v-on:click="closeAlert">取消</div>
                    <div class="buttonRight" v-on:click="confirmBreakRoom">确定</div>
                </div>
                <div v-show="alertType==11">
                    <div class="buttonMiddle" v-on:click="closeAlert">知道了</div>
                </div>
                <div v-show="alertType==21">
                    <div class="buttonMiddle" v-on:click="closeAlert">确定</div>
                </div>
                <div v-show="alertType==22">
                    <div class="buttonMiddle" v-on:click="closeAlert">确定</div>
                </div>  
                <div v-show="alertType==23">
                    <div class="buttonMiddle" v-on:click="finishBindPhone()">确定</div>
                </div>
                <div v-show="alertType==31">
                    <div class="buttonMiddle" v-on:click="reloadView()">确定</div>
                </div>
                <div v-show="alertType==32">
                    <div class="buttonMiddle" v-on:click="reloadView()">重新登录</div>
                </div>  
                <div v-show="alertType==41">
                    <div class="buttonMiddle" v-on:click="confirmMessage()">确定</div>
                </div>                  
            </div>
        </div>

        <!-- 游戏桌子 -->
        <div class="table" id="table" style="position: relative; width: 100%; height: 100%; z-index: 80; overflow: hidden;">
            <img class="tableBack"  src="<?php echo $image_url;?>files/images/xiaxie/table.jpg" style="position: absolute;top:0;left: 0;width: 100vw;height: 100vh" />

            <div class="area" >
                <div class="result" v-if="game.circle==4&&kaishai>0">
                    <div class="shai shai1" v-if="kaishai>=2">
                        <img class="dian" v-bind:src="'<?php echo $image_url;?>files/images/xiaxie/d'+game.dice_array[0]+'.png'"/>
                        <div class="light light11">
                            <img class="lightMove" src="<?php echo $image_url;?>files/images/xiaxie/light.png"/>
                        </div>                  
                        <div class="tu">
                            <img v-bind:src="'<?php echo $image_url;?>files/images/xiaxie/t'+game.dice_array[0]+'.png'"/>
                        </div>
                        <div class="light light12">
                            <img class="lightMove" src="<?php echo $image_url;?>files/images/xiaxie/light.png"/>
                        </div>  
                    </div>
                    <div class="shai shai2" v-if="kaishai>=3">
                        <img class="dian" v-bind:src="'<?php echo $image_url;?>files/images/xiaxie/d'+game.dice_array[1]+'.png'"/>
                        <div class="light light21">
                            <img class="lightMove" src="<?php echo $image_url;?>files/images/xiaxie/light.png"/>
                        </div>                      
                        <div class="tu">
                            <img v-bind:src="'<?php echo $image_url;?>files/images/xiaxie/t'+game.dice_array[1]+'.png'"/>
                        </div>
                        <div class="light light22">
                            <img class="lightMove" src="<?php echo $image_url;?>files/images/xiaxie/light.png"/>
                        </div>  
                    </div>
                    <div class="shai shai3" v-if="kaishai>=4">
                        <img class="dian" v-bind:src="'<?php echo $image_url;?>files/images/xiaxie/d'+game.dice_array[2]+'.png'"/>
                        <div class="light light31">
                            <img class="lightMove" src="<?php echo $image_url;?>files/images/xiaxie/light.png"/>
                        </div>                      
                        <div class="tu">
                            <img v-bind:src="'<?php echo $image_url;?>files/images/xiaxie/t'+game.dice_array[2]+'.png'"/>
                        </div>
                        <div class="light light32">
                            <img class="lightMove" src="<?php echo $image_url;?>files/images/xiaxie/light.png"/>
                        </div>  
                    </div>
                </div>
                
                <div class="land">
                    <div class="middleBack ground">
                        <div class="background"></div>
                        <div style="position: relative;margin-top: 2vw;">
                            <div >私无公大</div>
                            <div >算不骰翘</div>    
                        </div>
                        
                    </div>
                    <div v-for="n in game.bet.num"  class="ground" v-bind:class="'ground'+(n+1)" >
                        <div class="clickArea"  v-on:click="throwBet(n+1)"></div>
                        <div class="totalScore"><div v-show="game.bet.game_bet[n+1]!=0">{{game.bet.game_bet[n+1]}}</div></div>
                        <div class="middleArea">
                            <div class="background"></div>
                            <div class="backgroundSelect" v-show="game.dicelight_array[n]&&kaishai>0"></div>
                            <img  v-bind:src="'<?php echo $image_url;?>files/images/xiaxie/s'+(n+1)+'.png'">
                        </div>                      
                        <div class="singleScore"><div v-show="game.bet.account_bet[n+1]!=0&&!player[0].is_banker">{{game.bet.account_bet[n+1]}}</div></div>
                    </div>          
                </div>
                <div class="zhong" v-if="game.circle>0">
                    <div class="zhong1" v-show="game.circle<4">
                        <img src="<?php echo $image_url;?>files/images/xiaxie/zhong3.png" class="top" >
                        <img src="<?php echo $image_url;?>files/images/xiaxie/zhong2.png" class="bottom" >
                    </div>
                    <div class="zhong2" v-show="game.circle==4">
                        <img src="<?php echo $image_url;?>files/images/xiaxie/zhong3.png" class="top" >
                        <div v-if="kaishai>0">
                            <img v-bind:src="'<?php echo $image_url;?>files/images/xiaxie/l'+game.dice_array[0]+'.png'" class="img1">
                            <img v-bind:src="'<?php echo $image_url;?>files/images/xiaxie/l'+game.dice_array[1]+'.png'" class="img2">
                            <img v-bind:src="'<?php echo $image_url;?>files/images/xiaxie/l'+game.dice_array[2]+'.png'" class="img3">
                        </div>
                        <img src="<?php echo $image_url;?>files/images/xiaxie/zhong2.png" class="bottom" >
                    </div>  
            
                </div>
            </div>
            <div class="betArea">


            </div>

            
            <!-- 抢庄文字图片 "{true: 'bankerSelected', false: 'bankerUnSelected'}"   'memberRobText' + p.num-->
            <div v-for="p in player" v-if="p.num!=1&&ruleInfo.banker_mode!=2" v-bind:class="{true:'memberGoText' + p.num,false:'memberRobText' + p.num}[ruleInfo.banker_mode==5]" v-show="p.account_status==4||p.account_status==5">
                <img v-bind:src="p.robImg" style="position: absolute; width: 100%;">
            </div>

            <div v-for="p in player" v-if="p.num!=1&&ruleInfo.banker_mode==2" v-bind:class="'memberFreeRobText' + p.num" v-show="p.account_status==4||p.account_status==5">
                <img v-bind:src="p.robImg" style="position: absolute;  width: 100%;">
            </div>
            
            <!-- 倍数文字图片 -->
            <div class="memberTimesText1" v-if="ruleInfo.banker_mode!=4" v-show="player[0].account_status>=6&&game.show_card&&!player[0].is_banker&&player[0].multiples>0">
                <img v-bind:src="player[0].timesImg" style="position: absolute; width: 100%;">
            </div>
            <div v-for="p in player" v-if="p.num!=1&&ruleInfo.banker_mode!=4" v-bind:class="'memberTimesText' + p.num" v-show="p.account_status>=6&&game.show_card&&!p.is_banker&&p.multiples>0">
                <img v-bind:src="p.timesImg" style="position: absolute; width: 100%;">
            </div>
            

            
            <!-- 每局得分 -->

            <!-- 玩家1得分 -->
            <div  class="memberScoreText1" v-show="game.show_score" style="display: none;">
                <label v-show="player[0].single_score<0&&player[0].account_status>=8"  style="position: absolute; line-height: 4vh; width: 100%; height: 4vh; text-align: center;color: white; font-size: 3vh;;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #022055; ">{{player[0].single_score}}</label>
                <label v-show="player[0].single_score>0&&player[0].account_status>=8"  style="position: absolute; line-height: 4vh; width: 100%; height: 4vh; text-align: center;color: rgb(234,171,55); font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00;">+{{player[0].single_score}}</label>
                <label v-show="player[0].single_score==0&&player[0].account_status>=8"  style="position: absolute; line-height: 4vh; width: 100%; height: 4vh; text-align: center;color: rgb(234,171,55); font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00;">0</label>
            </div>

            <div v-for="p in player"  v-if="p.num==2||p.num==3||p.num==4||p.num==5||p.num==6" v-bind:class="'memberScoreText' + p.num" v-show="game.show_score" style="display: none;">
                <p v-show="p.single_score<0&&p.account_status>=8" style="position: absolute; line-height: 4vh; width:100%;height: 4vh; text-align: right;color: white; font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #022055; ">{{p.single_score}}</p>
                <p v-show="p.single_score>0&&p.account_status>=8" style="position: absolute; line-height: 4vh; width:100%;height: 4vh; text-align: right;color: rgb(234,171,55); font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00;">+{{p.single_score}}</p>
                <p v-show="p.single_score==0&&p.account_status>=8" style="position: absolute; line-height: 4vh; width:100%;height: 4vh; text-align: right;color: rgb(234,171,55); font-size: 3vh;;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00; ">0</p>
            </div>

            <div v-for="p in player"  v-if="p.num==8||p.num==9||p.num==10||p.num==11||p.num==12" v-bind:class="'memberScoreText' + p.num" v-show="game.show_score" style="display: none;">
                <label v-show="p.single_score<0&&p.account_status>=8" style="position: absolute; line-height: 4vh; height: 4vh; text-align: left;color: white; font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #022055; ">{{p.single_score}}</label>
                <label v-show="p.single_score>0&&p.account_status>=8" style="position: absolute; line-height: 4vh; height: 4vh; text-align: left;color: rgb(234,171,55); font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00;">+{{p.single_score}}</label>
                <label v-show="p.single_score==0&&p.account_status>=8" style="position: absolute; line-height: 4vh; height: 4vh; text-align: left;color: rgb(234,171,55); font-size: 3vh;;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00;">0</label>
            </div>

            <!-- 玩家4得分 -->
            <div  v-for="p in player" v-if="p.num==7" v-bind:class="'memberScoreText' + p.num"  v-show="game.show_score" style="display: none;">
                <label v-show="p.single_score<0&&p.account_status>=8" style="position: absolute; line-height: 4vh; width: 100%; height: 4vh; text-align: center; color: white; font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #022055; ">{{p.single_score}}</label>
                <label v-show="p.single_score>0&&p.account_status>=8"  style="position: absolute; line-height: 4vh; width: 100%; height: 4vh; text-align: center; color: rgb(234,171,55); font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00;">+{{p.single_score}}</label>
                <label v-show="p.single_score==0&&p.account_status>=8" style="position: absolute; line-height: 4vh; width: 100%; height: 4vh; text-align: center; color: rgb(234,171,55); font-size: 3vh;font-family:'Helvetica 微软雅黑'; -webkit-text-stroke: 1.3px;text-shadow: 1px 2px 2px #782a00;">0</label>
            </div>


            <!-- 玩家  -->    
            <div key="player[0].num" class="member" v-bind:class="'member' + player[0].num" v-show="player[0].account_id>0 && player[0].num==1">

                <img v-bind:src="player[0].headimgurl" class="avatar">
                <img src="<?php echo $image_url;?>files/images/nbull/player_selected.png" class="banker" v-show="player[0].is_banker">

                <div class="bottom" style="background-color: rgba(0, 0, 0, 0.6); border-radius: 2px;overflow: hidden;">
                    <div class="bname" style="text-align: center;overflow: hidden;">{{player[0].nickname}}</div>
                    <div class="bscore" style="text-align: center;overflow: hidden;">{{player[0].account_score}}</div>
                </div>

                <img v-bind:id="'banker' + player[0].account_id" src="<?php echo $image_url;?>files/images/nbull/banker_bg.png" class="background" style="position: absolute; top: -0.2vh;left: -0.2vh;width: 6.4vh; height: 6.4vh; display: none;" />

                <img src="<?php echo $image_url;?>files/images/xiaxie/banker_icon.png" class="background" style="position: absolute; top: -6%;left: -6%;width: 2.6vh; height: 2.6vh;" v-show="player[0].is_banker">

                <img v-bind:id="'bankerAnimate' + player[0].num" src="<?php echo $image_url;?>files/images/nbull/banker_animate.png" style="position: absolute; top: -0.2vh; left: -0.2vh; width: 6.4vh; height: 6.4vh; display: none;">
                <img v-bind:id="'bankerAnimate0' + player[0].num" src="<?php echo $image_url;?>files/images/nbull/banker_animate.png" style="position: absolute; top: -0.2vh; left: -0.2vh; width: 6.4vh; height: 6.4vh; display: none;">


                <img src="<?php echo $image_url;?>files/images/xiaxie/ready.jpg" class="ready"  v-show="player[0].account_status==2" />
                <!-- 玩家离开或不在线 -->
                <div class="quitBack" v-show="player[0].num>1&&p.online_status==0" ></div>

            </div>

            <div  v-for="p in player" key="p.num" class="member" v-bind:class="'member' + p.num" v-show="p.account_id>0 && p.num!=1" >

                <!-- 玩家头像 -->
                <img v-bind:src="p.headimgurl" class="avatar">
                <img src="<?php echo $image_url;?>files/images/nbull/player_selected.png" class="banker" v-show="p.is_banker">


                <div class="bottom" style="background-color: rgba(0, 0, 0, 0.6); border-radius: 2px;overflow: hidden;">
                    <div class="bname" style="text-align: center;overflow: hidden;">{{p.nickname}}</div>
                    <div class="bscore" style="text-align: center;overflow: hidden;">{{p.account_score}}</div>
                </div>

                <img v-bind:id="'banker' + p.account_id" src="<?php echo $image_url;?>files/images/nbull/banker_bg.png" class="background" style="position: absolute; top: -0.2vh;left: -0.2vh;width: 6.4vh; height: 6.4vh; display: none;" />

                <img src="<?php echo $image_url;?>files/images/xiaxie/zhuang.png" class="background" style="position: absolute; top: -6%;left: -6%;width: 2.6vh; height: 2.6vh;" v-show="p.is_banker">

                <img v-bind:id="'bankerAnimate' + p.num" src="<?php echo $image_url;?>files/images/nbull/banker_animate.png" style="position: absolute; top: -0.2vh; left: -0.2vh; width: 6.4vh; height: 6.4vh; display: none;">
                <img v-bind:id="'bankerAnimate0' + p.num" src="<?php echo $image_url;?>files/images/nbull/banker_animate.png" style="position: absolute; top: -0.2vh; left: -0.2vh; width: 6.4vh; height: 6.4vh; display: none;">

                         
                             
                <img src="<?php echo $image_url;?>files/images/xiaxie/ready.jpg" class="ready" v-show="p.account_status==2" />
                           
                <!-- 玩家离开或不在线 -->
                <div class="quitBack" v-show="p.num>1&&p.online_status==0" ></div>   
            </div>
            
            <!-- 玩家金币 -->
            <div id="playerCoins" style="display: none;">
                <div v-for='p in player'>
                    <div v-for='coin in p.coins' class="memberCoin" v-bind:class="coin">
                        <img src="<?php echo $image_url;?>files/images/common/coin.png" style="position: absolute; width: 100%; height: 100%">
                    </div>
                </div>
            </div>

            <!-- 显示玩家消息文本 -->
            <div v-for="p in player">
                <div class="messageSay" v-bind:class="'messageSay' + p.num" v-show="p.messageOn">
                    <div>{{p.messageText}}</div>
                    <div class="triangle"> </div>
                </div>
            </div>
            

            <!-- 倒计时时钟 position: absolute; top: 38%; left: 44%; width: 40px; height: 42px; -->
            <div  class="clock" v-show="game.time>-1" v-bind:style="'left:' + (width - 44) / 2 + 'px; '">
                <div id="divRobBankerText" v-show="game.circle==1" class="clockText" >
                    <p >抢庄</p>
                </div>
                <div id="divBetText" v-show="game.circle==2" class="clockText">
                    <p >庄家摇筛</p>
                </div>
                <div id="divBetText" v-show="game.circle==3" class="clockText">
                    <p >闲家下注</p>
                </div>
                <div id="divBetText" v-show="game.circle==4" class="clockText">
                    <p >庄家开盅</p>
                </div>
            
                <img src="<?php echo $image_url;?>files/images/common/clock3.png" style="position: absolute; width: 100%; height: 100%;" />
                <p style="position: absolute; top: 2px; left: 0px; width: 44px; height: 42px; color: #000; text-align: center; line-height: 42px;">
                    {{game.time}}
                </p>
            </div>
            
            
            <!-- 短提示  -->
            <div class="shortAlert" v-show="shortAlert.isShow">
                <div class="back"></div>
                <div class="text">{{shortAlert.text}}</div>
            </div>
            
            <!-- 按钮操作区域 -->
            <div id="operationButton" v-bind:style="viewStyle.button">

                <div  v-show="game.round!=game.total_num&&game.circle<=0" v-bind:style="viewStyle.readyButton" >
                    <img src="<?php echo $image_url;?>files/images/common/ready_button2.png" style="position: absolute; width: 100%; height: 100%;" v-show="(player[0].account_status==1||player[0].account_status==0)&&player[0].num==1&&player[0].account_id>0&&canBreak!=1" v-on:click="imReady"/>
                
                </div>

                <!-- 抢庄 -->
                <div v-show="showRob&&ruleInfo.banker_mode==1" v-on:click="robBanker(1)" v-bind:style="viewStyle.rob">
                    <img src="<?php echo $image_url;?>files/images/bull/button_orange.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                    <div v-bind:style="viewStyle.rob1">抢庄</div>
                </div>

                <!-- 不抢 -->
                <div v-show="showRob&&ruleInfo.banker_mode==1" v-on:click="notRobBanker" v-bind:style="viewStyle.notRob">
                    <img src="<?php echo $image_url;?>files/images/bull/button_blue.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                    <div v-bind:style="viewStyle.notRob1">不抢</div>
                </div>

                 <!-- 下庄 -->
                <div v-show="(player[0].account_status==1||player[0].account_status==0)&&player[0].num==1&&ruleInfo.banker_mode==5&&canBreak==1&&game.round!=game.total_num&&player[0].is_banker" v-on:click="clickGameOver" v-bind:style="viewStyle.rob">
                    <img src="<?php echo $image_url;?>files/images/bull/button_blue.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                    <div v-bind:style="viewStyle.notRob1">下庄</div>
                </div>
               
                <!-- 准备 -->
                <div v-show="(player[0].account_status==1||player[0].account_status==0)&&player[0].num==1&&ruleInfo.banker_mode==5&&canBreak==1&&game.round!=game.total_num&&player[0].is_banker" v-on:click="imReady"  v-bind:style="viewStyle.notRob">
                    <img src="<?php echo $image_url;?>files/images/bull/button_orange.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                    <div v-bind:style="viewStyle.rob1">准备</div>
                </div>


                <div  v-show="player[0].account_status==6&&player[0].is_banker" v-on:click="shakeT"  v-bind:style="viewStyle.rob">
                    <img src="<?php echo $image_url;?>files/images/bull/button_orange.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                    <div  v-bind:style="viewStyle.rob1">摇筛</div>
                </div>
                <div v-show="player[0].account_status==6&&player[0].is_banker&&game.is_shake==1" v-on:click="shakeF"  v-bind:style="viewStyle.notRob">
                    <img src="<?php echo $image_url;?>files/images/bull/button_orange.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                    <div v-bind:style="viewStyle.rob1">结束</div>
                </div>
                <div v-show="player[0].account_status==6&&player[0].is_banker&&game.is_shake==0"  v-bind:style="viewStyle.notRob">
                    <img src="<?php echo $image_url;?>files/images/xiaxie/button_gray.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                    <div v-bind:style="viewStyle.rob1">结束</div>
                </div>
                <div v-show="player[0].account_status==8&&player[0].is_banker" v-bind:style="viewStyle.readyButton"  v-on:click="showCard">
                    <img src="<?php echo $image_url;?>files/images/bull/button_orange.png" style="position: absolute; width: 100%; height: 100%;top: 0px; left: 0px;"/>
                    <div v-bind:style="viewStyle.singleButton">开盅</div>
                </div>
                
                <div class="coins"  v-show="!player[0].is_banker&&player[0].account_status==7" >
                    <div >
                        <div class="coin" v-on:click="selectCoin(5)" v-if="ruleInfo.chip_type==1">
                            <img src="<?php echo $image_url;?>files/images/xiaxie/c51.png" v-if="coinSelect!=5">
                            <img src="<?php echo $image_url;?>files/images/xiaxie/c54.png" class="selected" v-if="coinSelect==5">
                        </div>
                        <div class="coin" v-on:click="selectCoin(10)">
                            <img src="<?php echo $image_url;?>files/images/xiaxie/c101.png" v-if="coinSelect!=10">
                            <img src="<?php echo $image_url;?>files/images/xiaxie/c104.png" class="selected" v-if="coinSelect==10">
                        </div>
                        <div class="coin" v-on:click="selectCoin(20)">
                            <img src="<?php echo $image_url;?>files/images/xiaxie/c201.png" v-if="coinSelect!=20">
                            <img src="<?php echo $image_url;?>files/images/xiaxie/c204.png" class="selected" v-if="coinSelect==20">
                        </div>
                        <div class="coin" v-on:click="selectCoin(50)">
                            <img src="<?php echo $image_url;?>files/images/xiaxie/c501.png" v-if="coinSelect!=50">
                            <img src="<?php echo $image_url;?>files/images/xiaxie/c504.png" class="selected" v-if="coinSelect==50">
                        </div>
                        <div class="coin" v-on:click="selectCoin(100)" v-if="ruleInfo.chip_type==2">
                            <img src="<?php echo $image_url;?>files/images/xiaxie/c1001.png" v-if="coinSelect!=100">
                            <img src="<?php echo $image_url;?>files/images/xiaxie/c1004.png" class="selected" v-if="coinSelect==100">
                        </div>  
                    </div>
                    
                </div>
                
                
                
                
                
                <!-- 抢庄文字 -->
                <div v-if="showRobText&&ruleInfo.banker_mode!=5&&ruleInfo.banker_mode!=2&&player[0].account_status!=6" v-bind:style="viewStyle.robText" >
                    <img src="<?php echo $image_url;?>files/images/bull/text_rob.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                </div>

                <div v-if="showRobText&&ruleInfo.banker_mode==2&&player[0].account_status!=6" v-bind:style="viewStyle.robText2" >
                    <img src="<?php echo $image_url;?>files/images/bull/text_rob.png" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%">
                </div>


            </div>
        </div>
        
        <!-- 上六局战绩  -->

        <div class="last6" v-show="isShowNoteImg"  v-on:click="hideNoteImg()">
            <div class="back"></div>
            <div class="left" v-if="game.last6.length>0"></div> 
            <div v-for="(l,index) in game.last6" class="eachRound" v-if="index > game.last6.length-11">
                <div class="roundNum">{{l.num}}</div>
                <div class="shai">
                    <img v-bind:src="'<?php echo $image_url;?>files/images/xiaxie/t'+d+'.png'" v-for="d in l.dice" />
                </div>
                <div class="bol" v-if="l.point>10">大</div>
                <div class="bol" v-if="l.point<11">小</div>
            </div>
            <div class="left" v-if="game.last6.length>0"></div> 
        </div>

        <!-- 消息  -->
        <div class="message" v-show="isShowMessage" >
            <div class="messageBack" style="z-index: 999" v-on:click="hideMessage"></div>
            <div class="textPartOuter" style="z-index: 999"></div>
            <div id="message-box" class="textPart" v-bind:style="'height: ' + 0.39 * height + 'px;z-index: 999'">
                <div id="scroll-box" class="textList" style="width: 100%;">
                    <div class="textItem" v-for="m in message" v-on:click="messageOn(m.num)">{{m.text}}</div>
                </div>
            </div>
        </div>
    
        <!-- ranking  -->
        <div class="ranking hideRanking" id="ranking" style="z-index: 1">
            <div class="rankBack">
                <img crossOrigin="Anonymous" src="<?php echo $image_url;?>files/images/xiaxie/rank_bg.jpg" style="position: absolute;top: 0;left: 0;width: 100%">
            </div>

            <div class="rankText" style="position: absolute;top: 4%;">
                <img crossOrigin="Anonymous" src="<?php echo $image_url;?>files/images/xiaxie/rank_frame.png" style="position: absolute;top: 0;left: 0;width: 200vw;">
                <div class="time" v-show="playerBoard.round>0" style="position: absolute;top: 24vw;width: 100%;">
                    <a style="font-size: 6vw;">{{dealerName}}房间:{{game.room_number}}&nbsp&nbsp&nbsp&nbsp{{playerBoard.record}}&nbsp&nbsp&nbsp&nbsp{{game.total_num}}局</a>
                </div>
                <div style="height: 42vw;"></div>           
                <div v-for="p in playerBoard.score" class="scoresItem" v-bind:class="{true: 'scoresItemYellow', false: 'scoresItemWhite'}[p.account_score>0]" v-show="p.account_id>0">
                    <img crossOrigin="Anonymous" src="<?php echo $image_url;?>files/images/common/rank_bigwinner.png" style="top: 0; margin-top: -1.5vw; left: 2vw;height: 120%" v-show="p.isBigWinner==1">
                    <div class="id">{{p.account_code}}</div>
                    <div class="name">{{p.nickname}}</div>
                    <div class="currentScores"><a v-show="p.account_score>0">+</a>{{p.account_score}}</div>
                </div>
            </div>
            <div class="button roundEndShow" >
                <img  crossOrigin="Anonymous" src="<?php echo $image_url;?>files/images/common/rank_save.png" style="float: left;margin-left: 34%;" />
            </div>
        </div>  
        
        <!-- end图片  --> 
        <div id="endCreateRoom" class="end" style="position: fixed;width: 100%;height:100%;top:0;left:0;z-index: 120;display: none;">
            <img src="" style="width: 100vw;position: absolute;top:0;left: 0;height: 100vh;" id="end"  usemap="#planetmap1" />
            <div id="endCreateRoomBtn" style="position:absolute;right:13vw; width: 33vw; height: 9.6vw;bottom: 3%;z-index:121;overflow: hidden;" v-on:click="personInfo()"></div>
        </div>

        <!-- 游戏规则 -->
        <div class="createRoom" id="vroomRule" v-show="ruleInfo.isShowRule" v-on:click="cancelGameRule">
            <div class="createRoomBack"></div>
            <div class="mainPart" >         
                <div  class="createB"></div>
                <div class="createTitle">
                    <img src="<?php echo $image_url;?>files/images/common/txt_rule.png" />
                </div>  
                
                <img src="<?php echo $image_url;?>files/images/common/cancel.png" class="cancelCreate" v-on:click="cancelGameRule"/>
    
                <div class="blueBack">
                    <div class="selectPart" style="top: 0px;height:4vh;line-height:4.1vh;">
                        <div class="selectTitle" style="width: 100%;font-size: 2vh; text-align: center;color: #7dd9ff; background-color: #143948;opacity: 1.0">创建房间,游戏未进行,不消耗房卡</div>
                    </div>  


                    <div class="selectPart" style="height:4vh;line-height:4vh;padding:0.8vh 0;">
                        <div class="selectTitle">筹码：</div>
                        <div class="selectList" >
                            <div class="selectItem" style="margin-left:10px;" v-if="ruleInfo.chip_type==1">
                                <div class="selectText">5,10,20,50</div>
                            </div>                          
                            <div class="selectItem" style="margin-left:10px;" v-if="ruleInfo.chip_type==2">
                                <div class="selectText">10,20,50,100</div>
                            </div>                          
                        </div>
                    </div>  
                    <div class="selectPart" style="height:4vh;line-height:4vh;padding:0.8vh 0;">
                        <div class="selectTitle">上限：</div>
                        <div class="selectList" >
                            <div class="selectItem" style="margin-left:10px;">
                                <div class="selectText">{{ruleInfo.upper_limit}}</div>
                            </div>                          
                        </div>
                    </div>      

                    <div class="selectPart" style="height:4vh;line-height:4vh;padding:0.8vh 0;">
                        <div class="selectTitle">规则：</div>
                        <div class="selectList">
                            <div class="selectItem" style="margin-left:10px;" v-if="ruleInfo.rule_value1!=1">
                                <div class="selectText" >三个相同3倍，两个相同2倍</div>
                            </div>                          
                            <div class="selectItem" style="margin-left:10px;" v-if="ruleInfo.rule_value1==1">
                                <div class="selectText" >三个相同5倍，两个相同3倍</div>
                            </div>
                        </div>
                    </div>  


                    <div class="selectPart" style="height:4vh;line-height:4vh;padding:0.8vh 0;">
                        <div class="selectTitle">局数：</div>
                        <div class="selectList">
                            <div class="selectItem" style="margin-left:10px;" v-if="ruleInfo.ticket_type==1">
                                <div class="selectText" >12局X3房卡</div>
                            </div>                          
                            <div class="selectItem" style="margin-left:10px;" v-if="ruleInfo.ticket_type==2">
                                <div class="selectText" >24局X6房卡</div>
                            </div>
                        </div>
                    </div>



                </div>
            </div>
        </div>

        <!-- 设置音频 -->
        <div class="audioRoom" id="vaudioRoom" v-show="editAudioInfo.isShow">
            <div class="audioRoomBack" v-on:click="cancelAudioSetting"></div>
            <div class="mainPart" >         
                <div  class="createB"></div>
                <div class="createTitle" style="height:4vh;">
                </div>  

                <img src="<?php echo $image_url;?>files/images/common/cancel.png" class="cancelCreate" v-on:click="cancelAudioSetting"/>

                <div class="blueBack">
                    <!--<div class="selectPart" style="top: 0px;height:4vh;line-height:4.1vh;">
                        <div class="selectTitle" style="width: 100%;font-size: 2vh; text-align: center;color: #7dd9ff; background-color: #143948;opacity: 1.0">点击确定后生效</div>
                    </div>  -->
                    <div style="height:0.5vh;"></div>

                    <div class="selectPart" style="height:4vh;line-height:4vh;padding:0.8vh 0;">
                        <div class="selectTitle">背景音乐：</div>
                        <div class="selectList" >
                            <div class="selectItem" style="margin-left:10px;" v-on:click="setBackMusic" >
                                <div class="selectBox"></div>
                                <img src="<?php echo $image_url;?>files/images/common/tick.png" v-show="editAudioInfo.backMusic==1"/>
                                <div class="selectText">开启</div>
                            </div>                          
                        </div>
                    </div>

                    <div class="selectPart" style="height:4vh;line-height:4vh;padding:0.8vh 0;">
                        <div class="selectTitle">游戏音效：</div>
                        <div class="selectList" >
                            <div class="selectItem" style="margin-left:10px;" v-on:click="setMessageMusic">
                                <div class="selectBox"></div>
                                <img src="<?php echo $image_url;?>files/images/common/tick.png" v-show="editAudioInfo.messageMusic==1"/>
                                <div class="selectText">开启</div>
                            </div>                          
                        </div>
                    </div>

                    <div class="createCommit" v-on:click="confirmAudioSetting" >确定</div>

                </div>
            </div>
        </div>

        <script type="text/javascript" src="<?php echo $image_url;?>files/js/canvas.js"></script>
    </div>

</body>

<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js" ></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/bscroll.js"></script>
<script src="<?php echo $image_url;?>files/js/jquery.marquee.min.js" type="text/javascript"></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/vue.min.js" ></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/vue-resource.min.js" ></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/xiaxie-4-10.js"></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/clipboard.min.js"></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/layer/mobile/layer.js"></script>
<script>
    var clipboard = new ClipboardJS('.copyMe',{
        text: function(trigger) {
            return "鱼虾蟹（房间号" + globalData.roomNumber + "）："+ globalData.roomUrl;
        }
    });
    clipboard.on('success', function(e) {
        console.log(e);
        layer.open({
            content: '复制成功！'
            ,skin: 'msg'
            ,time: 4
        });
    });

</script>
</html>
